<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/template/pPrincipal.xhtml">
		<ui:define name="head">
			<title>Asesor 360</title>
			<script language="javascript">			
				function handleModaNuevoRequest(xhr, status, args) {
			        if(args.valideParam) {
			        	popmpBuscarCliente.hide(); 
			        }  
			    } 
				
				function nuevoClienteEspecial(){
					try{
	   				    document.getElementById("formNuevoClienteEspecial:nValorBusq").value='';
						document.getElementById("formNuevoClienteEspecial:nComentario").value='';
						document.getElementById("formNuevoClienteEspecial:nCodCliente").innerText='';
						document.getElementById("formNuevoClienteEspecial:nApPaterno").innerText='';
						document.getElementById("formNuevoClienteEspecial:nApMaterno").innerText='';
						document.getElementById("formNuevoClienteEspecial:nNombres").innerText='';
						document.getElementById("formNuevoClienteEspecial:nTipoDocumento").innerText='';
						document.getElementById("formNuevoClienteEspecial:nNroDocumento").innerText='';	
						document.getElementById("formNuevoClienteEspecial:idMensajeModal").innerText='';	
					}catch(err)
 					{}				
				}
				
				function limpiar(){
					try{
						document.getElementById("formNuevoClienteEspecial:nComentario").value='';
						document.getElementById("formNuevoClienteEspecial:nCodCliente").innerText='';
						document.getElementById("formNuevoClienteEspecial:nApPaterno").innerText='';
						document.getElementById("formNuevoClienteEspecial:nApMaterno").innerText='';
						document.getElementById("formNuevoClienteEspecial:nNombres").innerText='';
						document.getElementById("formNuevoClienteEspecial:nTipoDocumento").innerText='';
						document.getElementById("formNuevoClienteEspecial:nNroDocumento").innerText='';	
						document.getElementById("formNuevoClienteEspecial:idMensajeModal").innerText='';
					}catch(err)
 					{}					
				}
			</script>
			<style type="text/css">
				.stylePanelCriterio tr, .stylePanelCriterio td{
					border:0 !important;
				}
			</style>
		</ui:define>
		
		<ui:define name="titulopagina">
			<h:outputText value="CONSULTA GENERAL DE CLIENTES ESPECIALES" />
		</ui:define>
		
		<ui:define name="agregaIconoEjecutivos"/>
		<ui:define name="agregaIconoEmail"/>
		<ui:define name="agregaIconoExcelRe"/>
		<ui:define name="agregaIconoPDFRe"/>

		<ui:define name="bodyarea">
			<p:messages id="growl" showDetail="true" closable="true" />
			<f:event type="preRenderView" listener="#{clienteEspecialController.onPageLoad}"/>
			<h:panelGrid columns="1" width="100%" id="idContentMain">
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idCriterioBusq"
					cellpadding="5" styleClass="bordePanel" columns="1" width="99%" style="margin-bottom:5px">
					<f:facet name="header">
						<h:outputText value="Criterio de Búsqueda" />
					</f:facet>
					<h:panelGrid columns="4" >
						<h:outputText value="Criterio de Búsqueda :" styleClass="texto" />
						<p:selectOneMenu id="cmbCriterioBusqueda" value="#{clienteEspecialController.cliEspecialModel.criterioBusqueda}" >
							<f:selectItems value="#{comboModel.listaFiltroClientesEspeciales}"/>
						</p:selectOneMenu>						
						<h:outputText value="Asesor de Inversión:" styleClass="texto" />
						<h:inputText styleClass="inputText" id="txtUsuarioAsesor" size="20" value="#{clienteEspecialController.cliEspecialModel.valorUsuarioAsesor}" maxlength="30"/>
											
						<h:outputText value="Valor de Búsqueda :" styleClass="texto" />
						<h:inputText styleClass="inputText" id="txtValorBusqueda" size="20" value="#{clienteEspecialController.cliEspecialModel.valorBusqueda}" maxlength="30"/>
						
						<p:commandButton icon="ui-icon-search" value="Buscar" id="btnBuscar" actionListener="#{clienteEspecialController.buscarCliente}"
							update=":formPrincipal:tablaClientesEspeciales,:formPrincipal:growl"/>
					</h:panelGrid>					
				</h:panelGrid>
				<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" id="idResultado"
					cellpadding="5" styleClass="bordePanel" columns="1" width="99%">
					<f:facet name="header">
						<h:outputText value="Resultados" />
					</f:facet>
					<p:dataTable id="tablaClientesEspeciales" value="#{clienteEspecialController.cliEspecialModel.listaConsultaGeneral}"
						emptyMessage="No hay resultados." var="fila" styleClass="styleDataTableWrapNormal"
						paginator="true" rows="10" rowIndexVar="rowIndex"
						rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Codigo Cliente" />
							</f:facet>
							<h:outputText value="#{fila.codCliente}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Tipo Documento" />
							</f:facet>
							<h:outputText value="#{fila.tipoDocumento}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Nro. Documento" />
							</f:facet>
							<h:outputText value="#{fila.nroDocumento}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Nombre / Razón Social" />
							</f:facet>
							<h:outputText value="#{fila.nombreCompleto}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Asesor de Inversión" />
							</f:facet>
							<h:outputText value="#{fila.usuarioAsesor}" />
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="" />
							</f:facet>
							<ui:fragment rendered="#{not empty fila.comentario }" >
								<h:outputText id="colComentario" value="Comentario" />
								<p:tooltip for="colComentario" value="#{fila.comentario}"/>
							</ui:fragment>
						</p:column>
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="Estado" />
							</f:facet>
							<ui:fragment rendered="#{loginController.loginModel.usuarioSesion.indJerarquia eq 'S'}">
								<p:commandButton id="btnAutorizar" actionListener="#{clienteEspecialController.autorizarClienteAction(fila)}" 
									oncomplete="popmpAutorizar.show()" rendered="#{fila.codEstado eq 'P'}" icon="ui-icon ui-icon-arrowrefresh-1-w" />
								<p:tooltip for="btnAutorizar" value="Pendiente de Autorizar"/>
							</ui:fragment>
							<ui:fragment rendered="#{loginController.loginModel.usuarioSesion.indJerarquia eq 'N'}">	
								<p:graphicImage id="imgAutorizar" value="/imagenes/iconos/refresh_16x16_red.gif" style="border:0;" rendered="#{fila.codEstado eq 'P'}"/>									
								<p:tooltip for="imgAutorizar" value="Pendiente de Autorizar"/>
							</ui:fragment>	
							<ui:fragment rendered="#{fila.codEstado eq 'A'}">
								<p:graphicImage id="imgAutorizado" value="/imagenes/iconos/refresh_16x16.gif" style="border:0;" />
								<p:tooltip for="imgAutorizado" value= "Autorizado"/>
							</ui:fragment>
						</p:column>				
						<p:column styleClass="columnCenter" >
							<f:facet name="header">
								<h:outputText value="" />
							</f:facet>
							<p:commandButton id="btnEliminar" actionListener="#{clienteEspecialController.initEliminarClienteEspecial(fila)}" 
								oncomplete="popmpConfEliminar.show()" icon="ui-icon-closethick" />
							<p:tooltip for="btnEliminar" value="Eliminar Cliente Especial"/>
						</p:column>							
					</p:dataTable>
					<p:commandButton oncomplete="popmpBuscarCliente.show()" value="Nuevo" id="btnNuevoCliente" update=":idmpBuscarCliente"
						icon="ui-icon ui-icon-document" onclick="nuevoClienteEspecial();" actionListener="#{clienteEspecialController.initNuevoClienteEspecial}"/>
				</h:panelGrid>
			</h:panelGrid>
			<p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnBuscar">
				<h:panelGrid columns="2">
					<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
					<h:outputText value="Cargando..." style="white-space: nowrap;" />
				</h:panelGrid>
			</p:blockUI>
		</ui:define>
		
		<ui:define name="extraarea">
			<p:dialog id="mpAutorizar" header="Autorizar Cliente Especiale"
				widgetVar="popmpAutorizar" modal="true" dynamic="true">
				<h:form id="formModalDialogAutorizar">
					<h:panelGrid columns="1" width="100%" id="idContentMainM">
						<h:outputText value="¿Desea Autorizar al Cliente Seleccionado?"/>
						<h:panelGrid columns="3" styleClass="pangelGridCenter">																																								
							<p:commandButton actionListener="#{clienteEspecialController.autorizarAction}"
							 	icon="ui-icon ui-icon-check" value="Aceptar" oncomplete="popmpAutorizar.hide()"
							 	update=":formPrincipal:growl,:formPrincipal:tablaClientesEspeciales" id="btnAutorizar"/>
							<p:spacer width="40px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpAutorizar.hide()" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalDialogAutorizar:idContentMainM" trigger=":formModalDialogAutorizar:btnAutorizar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Autorizando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>			
				</h:form>
			</p:dialog>
			
			<p:dialog id="mpConfEliminar" header="Eliminar Cliente Especial"
				widgetVar="popmpConfEliminar" modal="true" dynamic="true">
				<h:form id="formModalDialogEliminar">
				   <h:panelGrid columns="1" width="100%" id="idContentMainM">
						<h:outputText value="¿Está seguro que desea eliminar el Cliente Especial?"/>
						<h:panelGrid columns="3" styleClass="pangelGridCenter">
							<p:commandButton id="btnOkEliminar" actionListener="#{clienteEspecialController.eliminarAction}"
							 	icon="ui-icon ui-icon-check" value="Aceptar" oncomplete="popmpConfEliminar.hide()" 
							 	update=":formPrincipal:growl,:formPrincipal:tablaClientesEspeciales"/>
							<p:spacer width="40px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpConfEliminar.hide()" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formModalDialogEliminar:idContentMainM" trigger=":formModalDialogEliminar:btnOkEliminar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Eliminando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>			
				</h:form>
			</p:dialog>
			
			<p:dialog id="idmpBuscarCliente" header="Buscar Clientes Especiales"
				widgetVar="popmpBuscarCliente" modal="true" dynamic="true">
				<h:form id="formNuevoClienteEspecial">
					<p:messages id="messageM" showDetail="true" closable="true" />
					<h:panelGrid columns="1" width="100%" id="idContentMainM">
						<h:panelGrid id="panelCriterio" headerClass="cabeceraPanelSimple" cellspacing="0"
							cellpadding="5" styleClass="bordePanel"
							style="width:100%;margin-left: 0px;margin-top: 3px;margin-bottom:5px ">
							<f:facet name="header">
								<h:outputText value="Criterios de Búsqueda"/>
							</f:facet>
							<h:panelGrid columns="5">
								<h:outputText value="Criterio:" styleClass="texto"/>
								<p:selectOneMenu value="#{clienteEspecialController.tipoDocModal}">								
									<f:selectItems value="#{comboModel.listaTipoDocsClientesEspeciales}" />
								</p:selectOneMenu>
								<h:outputText value="Valor:" styleClass="texto"/>
								<h:inputText id="nValorBusq" value="#{clienteEspecialController.valorDocModal}"/>
								<p:commandButton icon="ui-icon-search" value="Buscar" id="btnNuevoCliente" actionListener="#{clienteEspecialController.buscarClienteWS}"
									onclick="limpiar();" update=":formNuevoClienteEspecial:panelResultadosMP,:formNuevoClienteEspecial:idMensajeModal"/>
							</h:panelGrid>
							<h:outputText id="idMensajeModal" value="#{clienteEspecialController.mensajeErrorModal}" styleClass="messages" />
						</h:panelGrid>				
						<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0"
							cellpadding="5" styleClass="bordePanel"
							style="width:100%;margin-left: 0px;margin-top: 3px;margin-bottom:5px ">
							<f:facet name="header">
								<h:outputText value="Resultado de la búsqueda" />
							</f:facet>
							<p:panelGrid styleClass="stylePanelCriterio" id="panelResultadosMP">
								<p:row>  
						        	<p:column><h:outputText value="Código Cliente:" styleClass="texto"/></p:column>
						        	<p:column><h:outputText id="nCodCliente" value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.codCliente}"/></p:column>
						        	<p:column><h:outputText value="Apellido Paterno:" styleClass="texto" /></p:column>
						        	<p:column><h:outputText id="nApPaterno"   value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.apellidoPaterno}"/></p:column>
						        </p:row>
						        <p:row>
						        	<p:column><h:outputText value="Apellido Materno:" styleClass="texto" /></p:column>
						        	<p:column><h:outputText id="nApMaterno" value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.apellidoMaterno}"/></p:column>
						        	<p:column><h:outputText value="Nombres:" styleClass="texto" /></p:column>
						        	<p:column><h:outputText id="nNombres"  value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.nombres}"/></p:column>
						        </p:row>
						        <p:row>
						        	<p:column><h:outputText value="Tipo Documento:" styleClass="texto" /></p:column>
						        	<p:column><h:outputText id="nTipoDocumento"  value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.nomTipoDocumento}"/></p:column>
						        	<p:column><h:outputText value="Nro. Documento:" styleClass="texto" /></p:column>
						        	<p:column><h:outputText id="nNroDocumento"   value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.nroDocumento}"/></p:column>
						        </p:row>
						        <p:row>
						        	<p:column><h:outputText value="Asesor de Inversión:" styleClass="texto"/></p:column>
						        	<p:column colspan="3">
						        		<p:selectOneMenu id="nUsuarioAsesor" value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.idUsuarioAsesor}">
											<f:selectItems value="#{clienteEspecialController.cliEspecialModel.listaAsesores}"/>
										</p:selectOneMenu>
									</p:column>
						        </p:row>
						        <p:row>
						        	<p:column><h:outputText value="Comentario:" styleClass="texto" style="vertical-align: top"/></p:column>
						        	<p:column colspan="3"><h:inputTextarea id="nComentario" rows="3" cols="40" maxlength="300" 
						        		value="#{clienteEspecialController.cliEspecialModel.nuevoClienteEspecial.comentario}"/>
						        	</p:column>
						        </p:row>
							</p:panelGrid>
						</h:panelGrid>
						<h:panelGrid width="100%" columns="5">
							<p:spacer width="100px" height="10px" />
							<p:commandButton icon="ui-icon ui-icon-disk" value="Guardar" oncomplete="handleModaNuevoRequest(xhr, status, args)"
								actionListener="#{clienteEspecialController.guardarNuevoClienteEspecial}" id="btnGuardar"/>
							<p:spacer width="50px" height="10px" />
							<p:commandButton icon="ui-icon-cancel" value="Cancelar" oncomplete="popmpBuscarCliente.hide()"/>
							<p:spacer width="100px" height="10px" />
						</h:panelGrid>
					</h:panelGrid>
					<p:blockUI block=":formNuevoClienteEspecial:idContentMainM" trigger=":formNuevoClienteEspecial:btnNuevoCliente">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Cargando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
					<p:blockUI block=":formNuevoClienteEspecial:idContentMainM" trigger=":formNuevoClienteEspecial:btnGuardar">
						<h:panelGrid columns="2">
							<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
							<h:outputText value="Guardando..." style="white-space: nowrap;" />
						</h:panelGrid>
					</p:blockUI>
				</h:form>
			</p:dialog>
		</ui:define>
	</ui:composition>
</html>
